import React from 'react'
import Image from 'next/image'

/**
 * 通过硬导航(刷新)进入会进行路由拦截, 进入该页面
 * */
const Page = () => {
  return (
      <div className="container mx-auto py-10 space-y-5">
        <Image
          className="rounded-md block mx-auto"
          src={`https://picsum.photos/150/150?random=${Math.random()}`}
          width={300}
          height={300}
          alt=""
        />
        <div className="flex flex-col p-2 border-2 border-dashed rounded-md">
          <div>
            <strong>Title: </strong>
            <span className="text-gray-400">23452143124124124124</span>
          </div>
          <div>
            <strong>Price: </strong>
            <span className="text-gray-400">wrsfgsdfawdwd</span>
          </div>
          <div>
            <strong>Desc: </strong>
            <span className="text-gray-400">awdwafwar234tysw3424t</span>
          </div>
        </div>
      </div>
  )
}

export default Page
